// 动画
@keyframes enlarge{
    0%{
        bottom:-30px;
        opacity: 0;
        color: #f00;
    }
    50%{
        bottom:150px;
        opacity: 0;
        color: #f88;
    }
    100%{
        bottom:70px;
        opacity: 1;
        color: #fff;
    }
}

body{
    display:flex;
    flex-direction: column;

    // 头部
    header{
        height: 44px;
        line-height: 44px;
        text-align: center;
    }

    // 主题图片
    main{
        position:relative;
        flex-grow: 1;
        background:url(../../assets/images/advertisement-bg.jpg), no-repeat;
        background-position:center top;
        background-size:cover;

        // 5s
        div{
            position:absolute;
            top:10px;
            right: 10px;
            padding: 5px 10px;
            border-radius: 20px;
            background-color: #fff;
            font-size: 14px;
        }

        // HOLDON
        h1{
            position:absolute;
            bottom: 70px;
            width: 100%;
            text-align:center;
            color: #fff;
            animation: enlarge 1s forwards;
        }
    }
}